<?php

	// TODO definer en array for yndlingsfarver der kan bruges til at lave options til select elementet nede i form'en.
	// fx noget med ...['pink'] = 'lysserød'; osv

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css" ></style>
	<link href="css/main.css" rel="stylesheet" type="text/css">

	<!--  ***** Dele til kalender widget'en ***** -->

	<!-- calendar stylesheet -->
	<link rel="stylesheet" type="text/css" media="all" href="jscalendar-1.0/calendar-win2k-cold-1.css" title="win2k-cold-1" />
	
	<!-- main calendar program -->
	<script type="text/javascript" src="jscalendar-1.0/calendar.js"></script>
	
	<!-- language for the calendar -->
	<script type="text/javascript" src="jscalendar-1.0/lang/calendar-en.js"></script>
	
	<!-- the following script defines the Calendar.setup helper function, which makes
	     adding a calendar a matter of 1 or 2 lines of code. -->
	<script type="text/javascript" src="jscalendar-1.0/calendar-setup.js"></script>

	<!--  ***** Slut på: Dele til kalender widget'en ***** -->


<title>Indgangen til Poesibogen</title>
</head>
<body>

<div id="top"><h1>Indgangen til Poesibogen</h1></div>
<div id="center">
	<p>Her skal du oplyse det <i>aller</i> mest nødvendige for at få din egen poesibog.</p>
	<form method="post" action="<?php // husk at formen skal have en adresse i action. Den skal poste til personlig.php ?>">
		<label for="navn">Navn:</label>
		<input type="text" name="navn" />
		<label for="birthday">Fødselsdag:</label>
		<input type="text" name="birthday" id="f_birthday" />
		<label for="favorit_color">Yndlingsfarve:</label>
		<select name="favorit_color"  >
			<?php // TODO lav et loop der gennemløber array'et fra toppen fx foreach() ?> 
			<option value="<?php // echo key? ?>" ><?php //echo  value? ?></option>
			<?php // slut på loop ?>
			<option value="blue" >Blå</option>
		</select>
		<input type="submit" name="submit" value="ok" />
	</form> 
	
	<script type="text/javascript"><!--
    Calendar.setup({
        inputField      :    "f_birthday",   // id of the input field
        ifFormat        :    "%m-%d-%Y %H:%M",       // format of the input field
        showsTime       :    true,
        timeFormat      :    "24"
    });
--></script>

</div>
<div id="bottom"></div>

</body>
</html>